// pages/input/input.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    label:"",
    value:"",
    field:"",
    colorData: {
      //基本色相，即左边色盘右上极点的色彩，由右边的色相条掌握
      hueData: {
          colorStopRed: 255,
          colorStopGreen: 0,
          colorStopBlue: 0,
      },
      //挑选点的信息（左边色盘上的小圆点，即你挑选的色彩）
      pickerData: {
          x: 0, //挑选点x轴偏移量
          y: 480, //挑选点y轴偏移量
          red: 0, 
          green: 0,
          blue: 0, 
          hex: '#000000'
        },
        //色相掌握条的位置
        barY: 0
    },
    rpxRatio: 1 //此值为你的屏幕CSS像素宽度/750，单元rpx现实像素
  },
  //挑选改色时触发（在左边色盘触摸或许切换右边色相条）
  onChangeColor(e) {
    //返回的信息在e.detail.colorData中
    // console.log(e.detail.colorData)
    this.setData({
      colorData: e.detail.colorData,
      value:e.detail.colorData.pickerData.hex
    })
  },
  onClickLeft() {
    wx.navigateBack();
  },
  onClickRight() {
    wx.showToast({ title: '点击按钮', icon: 'none' });
  },
  onConfirm(){
    var pages = getCurrentPages();
    var prevPage = pages[pages.length - 2];
    prevPage.setData({
      [this.data.field]:this.data.value
    })
    wx.navigateBack();
  },
  bindKeyInputVant(event){
    // console.log(event);
    let valueName = event.target.dataset.variable;
    let name = `formData.${valueName}`;
    this.setData({
      [valueName]:event.detail.value
    });
    console.log(this.data)
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    
    if(options.label!=undefined){
      this.setData({
        label:options.label,
        field:options.field,
        value:options.value
      })
    }
    var _this = this;
    wx.getSystemInfo({

      success(res) {
          _this.setData({
              rpxRatio: res.screenWidth / 750
          })
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})